.homeContainner {
    .homeTitle {
        height: 50px;
        background-color: var(--themeColor);
        line-height: 50px;
        text-align: center;
      .title {
        color: white;
        font-size: 16px;
      }
    }
    .homeContent {
      height: calc(100vh - 110px);
      overflow-y: scroll;
     .homeNav {
      display: flex;
      .homeNavItem {
        flex: 1;
        img {
          width: 100%;
          height: 100%;
        }
      }
    }
    .homePicList {
      .picListItem {
        .picTitle {
          margin-top: 10px;
          img {
            height: 0.8rem;
          }
        }
    
        .picList {
          overflow: hidden;
          .img{
            float: left;
            img{
              width: 100%;
              height: 100%;
            }
            &:nth-child(1){
              margin-left:  0.213333rem;
              height: 5.146667rem;
              width: 3.093333rem;
            }
            &:nth-child(2),&:nth-child(3),&:nth-child(4),&:nth-child(5){
              margin-left: 0.2rem;
              height: 2.506667rem;
              width: 3.05rem;
            }
            &:nth-child(2),&:nth-child(3){
              margin-bottom: 7.5px;
            }
          }
        }
      }
    }
  }


    /* .homeNav {
      display: flex;
      .homeNavItem {
        flex: 1;
        img {
          width: 100%;
          height: 100%;
        }
      }
    }
    .homePicList {
      .picListItem {
        .picTitle {
          margin-top: 10px;
          img {
            height: 30px;
            width: 100%;
          }
        }
    
        .picList {
          overflow: hidden;
          .img{
            float: left;
            img{
              width: 100%;
              height: 100%;
            }
            &:nth-child(1){
              width: 110px;
              height: 184px;
              margin-left: 7.5px;
            }
            &:nth-child(2),&:nth-child(3),&:nth-child(4),&:nth-child(5){
              width: 90px;
              height: 88px;
              margin-left: 7.5px;
            }
            &:nth-child(2),&:nth-child(3){
              margin-bottom: 7.5px;
            }
          }
        }
      }
    } */
  }
  // 该＆是父选择器的占位符： 相当于.img:nth-child(1)